<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>MultiSelectFied.</title>
    <link rel="stylesheet" type="text/css" href="../../../extjs/resources/css/ext-all.css" />
 	<script type="text/javascript" src="../../../extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../../../extjs/ext-all.js"></script>
    <script type="text/javascript" src="../../../pca/util/HashMap.js"></script>
    <script type="text/javascript" src="MultiComboBox.js"></script>
    <script type="text/javascript" src="component.js"></script>
    <script type="text/javascript" src="dataStore.js"></script>
    <script type="text/javascript" src="dataConfig.js"></script>
    <script type="text/javascript" src="selectArea.js"></script>
	<STYLE> 
		.checked{background-image:url(../../../extjs/resources/images/default/menu/checked.gif)}
		.unchecked{background-image:url(../../../extjs/resources/images/default/menu/unchecked.gif)}
	</STYLE>

</head>
<body>
<div id="multicombo-div"></div>
<div>
<input name="myCombo1" id="field1_Id"/>
<input name="myCombo2" id="field2_Id"/>
<input name="myCombo3" id="field3_Id"/>
</div>
<script type="text/javascript" >
var config;
var valid = function(){return confirm("selected?");};
var config1 = {editMode:'showArea',name:'field1',value:'CSD',validator:valid}
var config2 = {editMode:'sexs',name:'field2',value:'M',validator:valid}
var config3 = {editMode:'userState',name:'field3',value:'Active',validator:valid}
var comboArea1 = $component.genUI($component.genConfig(config1));
var comboArea2 = $component.genUI($component.genConfig(config2));
var comboArea3 = $component.genUI($component.genConfig(config3));
</script>
</body>
</html>
